<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>宏观数据查询</title>
    <link rel="stylesheet" href="../../app/static/lib/page/SGIS.Base.css"/>
    <link rel="stylesheet" href="../../app/static/css/index.css"/>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="../../app/static/css/css-macro/bootstrap.min.css" />
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../../app/static/css/css-macro/font-awesome.min.css" />
    <link rel="stylesheet" href="../../app/static/css/css-macro/mainStyle.css" />
    <link rel="stylesheet" href="../../app/static/css/css-macro/bootstrap-treeview.min.css" />
    <link rel="stylesheet" href="../../app/static/css/css-macro/spectrum.css" />
    <link rel="stylesheet" href="../../app/static/css/css-macro/index-macro.css" />
    <link rel="stylesheet" href="../../app/static/css/css-macro/css_ztree/zTreeStyle.css" />
    <style type="text/css" id="tree-style">
        .treeview .list-group-item{cursor:pointer}
        .treeview span.indent{margin-left:10px;margin-right:10px}
        .treeview span.icon{width:12px;margin-right:5px}
        .treeview .node-disabled{color:silver;cursor:not-allowed}
        .node-tree{color:#5bc0de;background-color:#fff;border:none;}
        .node-tree:not(.node-disabled):hover{background-color:#F5F5F5;}
    </style>
    <script  src="../../app/static/lib/macro_js/jquery.js"></script>
</head>
<body>

<div class="top_div" style="z-index:999"></div>

<div class="container" style="overflow:auto;margin-top:80px;width:100%!important">
    <div class="wrapper" style="margin-left: 0px;height:calc(100% - 0px)">
        <!-- areaCenter-start 正文区域-->
        <div class="content-wrapper1" style="height: 100%;">
            <div class="hgjjInfo_div clearfix" style="padding: 25px;height: 100%;">
                <!--主体部分-->
                <section class="hongguan-main" style="height: 100%;">
                    <!--左侧部分-->
                    <aside class="hongguan-mainLeft col-md-3" style="height: 100%;">
                        <div class="hongguan-mainLeftInner" style="height: 100%;overflow: auto" id="time_type_zw">
                            <span class="label label-info" style="color: white;" value="11">&nbsp;&nbsp;年&nbsp;报&nbsp;&nbsp;</span>
                            <span class="label label-default" style="color: white;" value="12">&nbsp;&nbsp;季&nbsp;报&nbsp;&nbsp;</span>
                            <span class="label label-default" style="color: white;" value="13">&nbsp;&nbsp;月&nbsp;&nbsp;报&nbsp;&nbsp;</span>
                            <ul id="treeDemo" class="ztree" style="overflow: auto;padding-top:10px;"></ul>
                        </div>
                    </aside>
                    <!--右侧部分-->
                    <article class="hongguan-mainRight col-md-9" style="height: 100%;">
                        <div id="infoDiv" class="hongguan-mainRightInner" style="position:relative;padding:0;height: 100%;">
                            <div class="hongguan-mainHeader clearfix">
                                <ul class="hongguan-ul pull-left">
                                    <li><a title="报表" onclick="javascript:_page_gxq_hongguan_hgjjInfo.hideChart();"><span class="glyphicon glyphicon-tasks text-primary"></span></a></li>
                                    <li><a title="条形图" onclick="javaScript:_page_gxq_hongguan_hgjjInfo.showChart(&#39;barChart&#39;);"><span class="glyphicon glyphicon-align-left text-primary"></span></a></li>
                                    <li>
                                        <a id="initChart_A" title="柱线图" onclick="javaScript:_page_gxq_hongguan_hgjjInfo.showChart(&#39;columnChart&#39;)">
                                        <span class="glyphicon glyphicon-signal text-primary" id="bar_chart_zw"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a title="折线图" id="chline_zw">
                                            <span class="glyphicon glyphicon-indent-left text-primary"></span>
                                        </a>
                                    </li>
                                    <!--<li><a title="饼图" onclick="javaScript:_page_gxq_hongguan_hgjjInfo.showChart(&#39;pieChart&#39;);"><span class="glyphicon glyphicon-adjust text-primary"></span></a></li>-->
                                </ul>
                                <div class="hongguan-form form-inline pull-right">
                                    <label style="margin-bottom:0;">起始时间&nbsp;</label>
                                    <!--<select id="timeStep" class="form-control">-->
                                        <!--<option value="12">最近12个月</option>-->
                                        <!--<option value="24">最近24个月</option>-->
                                        <!--<option value="36">最近36个月</option>-->
                                        <!--<option value="48">最近48个月</option>-->
                                        <!--<option value="60">最近60个月</option>-->
                                    <!--</select>-->
                                    <select id="timeStepBegin_zw" class="form-control">
                                    </select>
                                    <span>至</span>
                                    <label style="margin-bottom:0;">结束时间&nbsp;</label>
                                    <select id="timeStepEnd_zw" class="form-control">
                                    </select>
                                </div>
                            </div>
                            <div class="hongguan-mainChart">
                                <div id="titleDiv" style="height: 50px;float: right;padding-top: 5px;padding-right: 30px;">
                                    <a class="ml20 edit" href="javascript:void(0);" onclick="_page_gxq_hongguan_hgjjInfo.showEditModal();">编辑</a>
                                    <!--<a class="ml20 tips" title="说明：如果所选的作图项过多，可能会影响图例的正常显示。" href="javascript:void(0);">提示</a>-->
                                    <!--<a class="ml20 edit" href="#"  id="chline_zw">折线图</a>-->
                                </div>
                                <div id="chartDiv" style="margin-left:1px;">

                                </div>
                            </div>
                            <div class="hongguan-mainTable" style="width:100%;overflow: auto;padding:0 20px;height:calc(100% - 410px)">
                                <table id="infoTable_zw" style="width: 100%;overflow: auto;">
                                </table>
                            </div>
                            <div class="hongguan-mainTable">
                                <table id="infoTableData" class="table" style="display: none;">

                                </table>
                            </div>
                            <div class="hongguan-mainText">
							<span id="des" style="font-size: 12px;">
							</span>
                            </div>
                        </div>
                    </article>
                </section>
                <!-- 弹出解释框-->
                <div id="myModal" style="display: none;">
                    <div class="bc"></div>
                    <div class="tipsBox">
                        <div class="tips-title">
                            <span class="titleTxt">指标解释</span>
                            <div class="closeBtn"><span class=" glyphicon glyphicon-remove"></span></div>
                        </div>
                        <div class="tips-content">
                            <div>
                                <h2 id="caption"></h2>
                                <p id="desInfo"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 弹出编辑框-->
                <div id="myEditModal" style="display: none;">
                    <div class="bc"></div>
                    <div class="tipsBox">
                        <div class="tips-title">
                            <span class="titleTxt">设置</span>
                            <div class="closeBtn" onclick="_page_gxq_hongguan_hgjjInfo.closeModal(this);"><span class=" glyphicon glyphicon-remove"></span></div>
                        </div>
                        <div class="tips-content" style="height:365px;width:585px;">
                            <div>
                                <div>
                                    <!-- <strong>标题：</strong><input type="text" style="width: 80%;"/> -->
                                </div>
                                <div class="row 	divBorder" style="margin: 1px;overflow-y: scroll;height:285px;width:565px;" id="editModalInfoDiv">
                                    <!--<div class="col-md-6 col-sm-6 modalTitleBgcolor 	divBorder">指标</div>-->
                                    <!--<div class="col-md-2 col-sm-2 modalTitleBgcolor 	divBorder">柱</div>-->
                                    <!--<div class="col-md-4 col-sm-4 modalTitleBgcolor 	divBorder">颜色</div>-->
                                </div>
                                <input type="button" onclick="javascript:_page_gxq_hongguan_hgjjInfo.changeChart();" class="btn-primary" style="margin-left: 40%;" value="确定"/>
                                <input type="button" onclick="javascript:_page_gxq_hongguan_hgjjInfo.closeModal();" class="btn-primary" value="取消"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- </section> -->
        </div>
        <!-- areaCenter-start -->
    </div>
</div>

<div class="footer_div" style="z-index:999">
    <iframe class="footer_iframe" src="../web/footer.html"></iframe>
</div>


<!--<script src="../../app/static/js/jquery/jquery-2.1.1.min.js"></script>-->
<script src="../../app/static/js/echarts/echarts.common.min.js"></script>
<script src="../../app/static/lib/common/SGIS.Base.js"></script>
<script src="../../app/static/js/top.js" type="text/javascript"></script>
<script src="../../app/static/js/register.link.js" type="text/javascript"></script>
<!--<script src="../../app/static/lib/macro_js/app.js"></script>-->
<script src="../../app/static/lib/macro_js/bhl_common_all.js"></script>
<script src="../../app/static/lib/macro_js/jquery-aop.js"></script>
<script  src="../../app/static/lib/macro_js/jquery.form.js"></script>
<script src="../../app/static/lib/macro_js/bootstrap-treeview.min.js"></script>
<script src="../../app/static/lib/macro_js/bootstrap-hover-dropdown.min.js"></script>
<script  src="../../app/static/lib/macro_js/spectrum.js"></script>
<script src="../../app/static/lib/macro_js/fusioncharts.js"></script>
<script  src="../../app/static/lib/macro_js/fusioncharts.theme.zune.js"></script>
<!-- 导出excel -->
<script type="text/javascript" src="../../app/static/lib/macro_js/excelExport.js"></script>
<!-- 图形组件 -->
<script type="text/javascript">
    FusionCharts.addEventListener("initialized",function(eventObj, dataObj){
        eventObj.sender.configure({
            "dataEmptyMessage":"I-/../../app/static/images/nodata.png",
            "dataLoadStartMessage":"加载中，请稍后...",
            "dataLoadStartMessageColor ":"#7f7f7f",
            /* "dataLoadStartMessage":"I-/images/charts-common/state/errordata.png", */
            "dataInvalidMessage":"I-/images/charts-common/state/errordata.png"
        });
    });
</script>
<script src="../../app/static/lib/macro_js/tableInfo.js"></script>
<script src="../../app/static/lib/macro_js/chartData.js"></script>

<script src="../../app/static/lib/macro_js/macro-tree.js"></script>
<script src="../../app/static/lib/macro_js/bootstrap.min.js"></script>
<script src="../../app/static/lib/macro_js/jquery.ztree.core.js"></script>
<script src="../../app/static/lib/macro_js/jquery.ztree.excheck.js"></script>
<!-- AdminLTE App -->
<script src="../../app/static/lib/macro_js/app.js"></script>
<!-- swiper -->
<!--[if lte IE 8]>
<![endif]-->
<!--[if (gt IE 8)|!(IE)]><!-->
<!--<script src="../../app/static/lib/macro_js/swiper-3.3.1.jquery.min.js"></script>-->
<!--<![endif]-->
<!--方法拦截组件-->
<script src="../../app/static/lib/macro_js/jquery-aop.js"></script>
<!--动画事件-->
<script src="../../app/static/lib/macro_js/WN.js"></script>
<!-- bhl 自定义组件，常用组件整体引入 -->
<script src="../../app/static/lib/macro_js/HGInfoTableManager.js"></script>

</body>
</html>